<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>录入客户信息</title>
    <link rel="stylesheet" href="ccs/public.css">

    <style>
        /* 表单容器，宽500px,水平居中对齐 */
        .form-container {
            width: 500px;
            margin-left: auto;
            margin-right: auto;
            margin-top: 15px;
        }

        .form-item {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
        }

        .form-item-label {
            width: 7em;
        }

        .form-item-box {
            flex: 1;

        }
    </style>
</head>

<body>

    <!-- 查重入口 -->
    <div style="background-color: #fdf5e9;padding: 10px;margin-top: 15px;">
        <span style="color: #e29836;">录入客户信息之前，建议查重，以免造成您和同事之间的业务冲突!</span>
        <button class="bth-danger">立即查重</button>
    </div>

    <!-- 表单 -->
    <form class="form-container" action="">
        <!-- 表单中的栏位 -->
        <div class="form-item">
            <label class="form-item-label" for="">客户名称</label>
            <div class=form-item-box>
                <input type="text" class="input">

            </div>
        </div>
        <div class="form-item">
            <label class="form-item-label" for="">客户性别</label>
            <div class="form-item-box">
                <label>
                    <input type="radio" name="gender" checked>男
                </label>
                <label>
                    <input type="radio" name="gender">女
                </label>

            </div>


        </div>
        <div class="form-item">
            <label class="form-item-label" for="">客户地址</label>
            <div class=form-item-box>
                <input type="text" class="input">

            </div>
        </div>
        <div class="form-item">
            <label class="form-item-label" for="">联系电话</label>
            <div class=form-item-box>
                <input type="text" class="input">

            </div>
        </div>
        <div class="form-item">
            <label class="form-item-label" for="">客户来源</label>
            <div class=form-item-box>
                <select class="input" name="" id="">
                    <option value="">口碑</option>
                    <option value="">新媒体</option>
                    <option value="">地推活动</option>
                </select>

            </div>
        </div>
        <div class="form-item">
            <label class="form-item-label" for="">客户状态</label>
            <div class=form-item-box>
                <select class="input" name="" id="">
                    <option value="">意向不明</option>
                    <option value="">有意向</option>
                    <option value="">成功</option>
                </select>


            </div>
        </div>
        <div class="form-item">
            <label class="form-item-label" for="">最后更进日期</label>
            <div class=form-item-box>
                <input type="date" class="input">

            </div>
        </div>
        <div class="form-item">
            <label class="form-item-label" for="">最后跟进情况</label>
            <div class=form-item-box>
                <textarea class="input" name="" id="" cols="30" rows="3"></textarea>

            </div>
        </div>
        <div class="form-item">
            <label class="form-item-label" for=""></label>
            <div class=form-item-box>
                <button class="btn-primary">保存</button>

            </div>
        </div>
    </form>

</body>


</html>